<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        div {
            width: 620px;
            height: 300px;
            overflow: scroll;
        }

        p {
            width: 600px;
            height: 600px;
            background-color: #eee;
        }
        a{
            text-decoration: none;
            color: inherit;
        }
    </style>
</head>

<body>
    <div>
        <p>欢迎注册成为京东用户！在您注册过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体或下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）。
        </p>
    </div>
    <input id="agreement"  type="checkbox" disabled>同意协议
    <button disabled><a href=''>去注册</a></button>
    <script>
        var divDom=document.querySelector('div');
        divDom.onscroll=function(){
            if(this.scrollHeight == parseInt(this.scrollTop) +1+parseInt(window.getComputedStyle(divDom).height)){
                document.querySelector('#agreement').disabled = false;
         }
        }
        document.querySelector('#agreement').onclick = function(){
            // this.checked表示当前CheckBox的勾选情况，如果为true 表示勾选 否则就是取消
            // if(this.checked){
            //     // CheckBox已经勾选 设置按钮可以点击 可以点击就是要去掉disabled属性
            //     document.querySelector('#go').disabled = false;
            // }else{
            //     document.querySelector('#go').disabled = true
            // }
            document.querySelector('button').disabled = !this.checked
        }
        document.querySelector('button').onclick = function(){
            location.href = 'https://baidu.com'
        }  
    </script>
</body>

</html>